// JavaScript Document
$(function(){
	var num=0;
	$('.teb li').click(function(){
				num=$(this).index();		
			$('.teb li').eq(num).addClass('hover1').siblings().removeClass('hover1');	
			$('.father_box .teb_box').eq(num).show().siblings().hide();
	})
	
	//放大镜效果
	//	抓取元素
	$('.cover').mousemove(function(){
		$(this).css({cursor:'move'});
		var ev=window.event||e;
		$('.kuai,.hiddenImg').show();
		//获得鼠标在有定位属性的父级元素的x y位置在ie 和火狐不同的浏览器下
		var l=ev.offsetX||ev.layerX;
		var t=ev.offsetY||ev.layerY;
		//小方块的位置
		var k_l=l-62;
		var k_t=t-62;
		//判断小块不能出了框子外面
		//1.判断上面和左面边距
		k_l=l-62<0?0:k_l;
		k_t=t-62<0?0:k_t;
		//2.判断下面和右面的距离
		k_l=l-62>225?225:k_l;
		k_t=t-62>225?225:k_t;
		tu_l=k_l*-2;
		tu_t=k_t*-2;
		$('.kuai').css({left:k_l,top:k_t});
		//对应的右面的照片也在动。成倍的在动
		$('.fangda').css({left:tu_l,top:tu_t});
		
	})
	$('.cover').mouseout(function(){
		$('.kuai,.hiddenImg').hide();
	})
	//鼠标一如小图的时候大图变成小图。同时边框变成红色
	$('.img li').hover(function(){
		$(this).css({border:'2px solid #B1191A'}).siblings().css({border:'2px solid white'});
		var src=$(this).find('img').attr('src');
		//获得的图片地址放到大图显示位置和隐藏区域的位置
		$('.show img,.fangda').attr('src',src);
	})
	//对规格的选择的js变化
	$('.song .tu li').click(function(){
		//将对应的款子选中	
		var num=$(this).index();
		$(this).find('span').show().parent('li').siblings().find('span').hide();
		var a=$(this).find('a').html();
		//将获得的获得的a添加到
		$(this).parent().siblings('.hid').val(a);
	})
	
	//ajax异步对商品的添加和校验
	$('.form').submit(function(){
		//获得所有的的表单内容
		var filedata=$(this).serialize();
		//将获得的表单的数据通过ajax传送过去
		$.ajax({
			type:"post",
			url:"index.php?m=home&c=detail&a=ajaxcheck",
			data:filedata,
			dataType:'json',
			success:function(phpdata){
				if(phpdata){
					location.href='index.php?m=home&c=detail&a=shopsuccess';					
				}else{
					alert('没有所选规格组合的库存');
				}
			}
		});
		
		return false;
	})
	
})
